<template>
  <div>
    <div class="wai">
      <div class="whole2" style="background-color: white; margin-top: 2px; margin-left: 30%">
        <span class="rsty1"
          >用户注册</span
        >
        <el-divider style="color: orange"></el-divider>
        <registerFormVue />
      </div>
    </div>
  </div>
</template>
<script setup>
import { onMounted } from 'vue'
import router from '@/router'
import registerFormVue from '@/components/Client/RegisterCom/registerForm'
onMounted(() => {
  if (document.documentElement.clientWidth < document.documentElement.clientHeight) {
    router.push('RegisterMobile')
  }
})
</script>
<style lang="scss" scoped>
.wai {
  position: absolute;
  background-color: white;
  width: 100%;
  height: 600px;
  border-radius: 10px;
  padding: 20px 10px;
  background-image: url('../assets/sz4.jpg');
  background-size: cover;
  position: absolute;
  z-index: -1;
  background-repeat: no-repeat;
}
.rsty1{
  font-weight: bold; color: black; font-size: xx-large; color: orange
}
</style>
